<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>票据列表</title>
    <link rel="stylesheet" href="../../../style/js/layuii/css/layui.css">
    <script src="../../../style/js/layuii/layui.js"></script>
    <script src="../../style/js/jquery-3.2.1.min.js"></script>
</head>
<style>
    .layui-form-select {
        width: 183px;
    }

    .layui-form-label {
        width: 115px;
    }

    .layui-input-block {
        margin-left: 150px;
    }

    .layui-anim .layui-anim-upbit {
        width: 240px;
    }

    .zengZhiShuipiao .layui-input {
        height: 30px;
        width: 140%;
    }

    .delPiaoJu {
        box-shadow: 1px 1px 4px grey;
        /* border-radius: 10px; */
        width: 22px;
        margin-left: 25px;
        height: 222px;
        padding-top: 50px;
        background: #00968842;
    }

    .layui-row {
        margin-top: -12px;
    }

    .layui-row .layui-input-block .layui-input {
        width: 230px;
    }

    body {
        margin: 40px;
    }

    .layui-input, .layui-select, .layui-textarea {
        height: 24px;
        border-radius: 0;
        margin-top: 5px;
    }

    .layui-row .layui-input-block .layui-input {
        height: 24px;
        border-radius: 0;
    }

    #chooseFile {
        background: lightgray;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        border-radius: 0;
    }

    #uploadListAction {
        background: #60c7d0;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        border-radius: 0;
    }

    /* 设置下拉框的高度与表格单元相同 */
    td .layui-form-select {
        margin-top: 1px;
        width: 270px;
    }

    .layui-form-select dl {
        width: 100px;
        max-height: 135px;
    }

    body .layui-table-cell {
        font-size: 12px;
    }

    .layui-form-select dl dd.layui-this {
        background-color: #60c7d0;
        color: #fff;
    }

    .layui-laypage .layui-laypage-curr .layui-laypage-em {
        background-color: #60c7d0;
    }
</style>
<body>
<!--//页面标题-->
<div class="layui-row">
    <div class="layui-col-md12" style="text-align: center;margin-top: -5px;margin-bottom: 1%;">
        <span id="VouCher" style="font-weight: bold;font-size: 20px;">票据列表</span>
    </div>
</div>

<!--查看票据交接详情-->
<div id="seePiaoJuJiaoJie_div" style="display: none">

    <form class="layui-form" id="seePiaoJuJiaoJie_form" style="font-size: 12px;margin-top: 15px;">
        <div id="piaoJList">

        </div>
    </form>
</div>
<!--修改票据交接的内容-->
<div id="upDate_PiaoJuJiaoJie_div" style="display: none">

    <form class="layui-form" id="update_PiaoJuJiaoJie_form" style="font-size: 12px;margin-top: 15px;margin-left: 65px;">
        <div id="update_piaoJList">

        </div>
    </form>
</div>
<div id="chaKanPingZheng" style="display: none;font-size: 12px;margin-top: 20px;overflow-x: hidden;">
    <form class="layui-form" id="fromId" action="#" style="width: 1350px;margin-top: 20px">
        <div class="content">
            <div class="layui-row" style=" margin-top: 35px;padding-left: 60px;">
                <div class="layui-col-md12">
                    <div class="layui-inline" id="leixing" style="margin-top: -5px;">
                        <select id="vouCherType" name="vouCherType" lay-filter="vouCherType">
                            <option value="0">记</option>
                        </select>
                    </div>
                    <div class="layui-inline">
                        <input type="text" id="vouCherNumber"
                               style="width: 55px;height: 24px;margin-left: 5px;margin-top: 0px;"
                               class="layui-input">
                    </div>
                    <span>号</span>
                    <span style="margin-left: 60px;">日期:</span>
                    <div class="layui-inline">
                        <input id="vouCherTime" type="text" class="layui-input" autocomplete="off"
                               style="height: 24px;width: 135px;margin-top: 0px;"
                               placeholder="yyyy-MM-dd">
                    </div>
                    <span style="margin-left: 15px">附单据</span>
                    <div class="layui-inline">
                        <input type="text" id="receiptsNumber"
                               style="width: 45px;height: 23px;border: 1px solid gainsboro;text-align: center;margin-top: 0px;">
                    </div>
                    <span>张</span>
                    <!--                    <span style="margin-left: 51%"><a href="javascript:;" id="fujian" style="color: #36c6d3">附件&nbsp;&nbsp;</a></span>-->
                    <!--                    <span><a href="javascript:;" class="bz" id="bz">备注</a></span>-->
                </div>
                <!--表格-->
                <!--startTablePrint-->
                <div class="layui-row" style="width: 1077px;">
                    <table class="VouCher_table" id="VouCher_table" lay-filter="VouCher_table" width="100%"
                           style="margin-top: 30px;font-size: 12px">
                        <colgroup>
                            <col width="20%">
                            <col width="30%">
                            <col width="25%">
                            <col width="25%">
                        </colgroup>
                        <thead>
                        <tr style="background: #f2f2f2;font-size: 12px">
                            <th>摘要</th>
                            <th>会计科目</th>
                            <th>借方金额</th>
                            <th>贷方金额</th>
                        </tr>
                        </thead>
                        <thead id="biaoge">
                        </thead>
                    </table>
                </div>

                <div class="layui-row"
                     style="height:38px;margin-top: 2px;border-top: none; display: block;font-size: 12px;width: 1077px;">
                    <div class="layui-col-md3" style="width: 270px;">
                        <div class="grid-demo grid-demo-bg3">
                            <input id="su" ;
                                   style=" width: 100%;background:#f2f2f2;height: 36px; text-align: center;border-left: none;border-top: none;border-right: none;font-size: 12px;"
                                   value="合计:"/>
                        </div>
                    </div>
                    <div class="layui-col-md5" style="width: 269px;">
                        <div class="grid-demo grid-demo-bg5">
                            <input id="sum"
                                   style=" width: 100%;background:#f2f2f2;height: 36px; text-align: left;border-left: none;border-top: none;border-right: none;font-size: 12px;"
                                   value=""/>
                        </div>
                    </div>
                    <div class="layui-col-md1" style="width:269px">
                        <div class="grid-demo grid-demo-bg-1">
                            <input id="sum2"
                                   style="width: 100%;background:#f2f2f2;height: 36px;text-align: center;border-left: none;border-top: none;border-right: none;font-size: 12px;"
                                   value=""/>
                        </div>
                    </div>
                    <div class="layui-col-md1" style="width: 269px;">
                        <div class="grid-demo grid-demo-bg-1">
                            <input id="sum3"
                                   style="width: 102%;background:#f2f2f2;height: 36px;text-align: center;border-left: none;border-top: none;border-right: none;font-size: 12px;"
                                   value=""/>
                        </div>
                    </div>
                </div>

                <div class="layui-row" style="margin-top: 17px">
                    <div class="layui-col-md10">
                        <div class="grid-demo grid-demo-bg10">
                            <span>制单人：</span>
                            <span id="userName"> </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<!--搜索栏-->
<div style="margin-top: 10px;margin-left: 10px">
    <form class="layui-form" action="" style="margin-top: 10px">

        <div class="layui-form-item" style="margin-bottom: 1px;margin-top: 30px;font-size: 12px;">

            <div class="layui-inline" style="margin-left: -40px;">
                <label class="layui-form-label">票种：</label>
                <div class="layui-input-inline">
                    <select name="modules" lay-verify="required" lay-search="" id="piaoZhong">
                        <option value="">请选择</option>
                        <option value="1">增值税普通发票</option>
                        <option value="2">增值税专用发票</option>
                        <option value="3">增值税电子普通发票</option>
                        <option value="4">增值税代开专用发票</option>
                        <option value="5">增值税电子专用发票</option>
                        <option value="6">机动车销售统一发票</option>
                        <option value="7">定额发票</option>
                        <option value="8">出租车票</option>
                        <option value="9">火车票</option>
                        <option value="10">飞机票</option>
                        <option value="11">汽车票</option>
                        <option value="12">通行费发票</option>
                        <option value="13">其他通用发票</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline" style="margin-left: -40px;">
                <label class="layui-form-label">总金额：</label>
                <div class="layui-input-inline">
                    <input type="text" id="zongJinE" style="width: 183px;" name="zongJinE" lay-verify="identity"
                           placeholder="请输入总金额" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-inline" style="margin-left: -40px;">
                <label class="layui-form-label">所属月份：</label>
                <div class="layui-input-inline">
                    <input type="text" style="width: 183px;" id="suoShuQi" name="identity" lay-verify="identity"
                           placeholder="请选择所属月份" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-inline" style="margin-left: -40px;">
                <label class="layui-form-label">销货方：</label>
                <div class="layui-input-inline">
                    <select name="modules" lay-verify="required" lay-search="" id="xiaoHuoFang">
                        <option value="">请选择</option>
                        <option value="快递">快递</option>
                        <option value="在公司楼下">在公司楼下</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline" style="margin-left: -40px;">
                <label class="layui-form-label">购货方：</label>
                <div class="layui-input-inline" style="width: 183px;margin-right: 10px;">
                    <select name="modules" lay-verify="required" lay-search="" id="gouHuoFang">
                        <option value="">请选择</option>
                        <option value="快递">快递</option>
                        <option value="在公司楼下">在公司楼下</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline" style="">
                <button type="button" class="zly-btn-search" style="border-radius:0;width: 258px;line-height:24px;height: 24px;
        font-size: 12px;background-color: #60c7d0;border: 0;color: #FFFFFF;margin-top: -2px;margin-left: 37px"
                        id="seek">搜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;索
                </button>
            </div>
        </div>
    </form>
</div>
<div>
    <table id="piaoJuJiaoJie_table" lay-filter="piaoJuJiaoJie_table"></table>
</div>

<script type="text/html" id="jiaoJiebar">
    <a class="zly-btn" lay-event="detail" style="color: #60c7d0">详情</a>
</script>

<div class="layui-row" id="jieZhangDiv" style="display: none">
    <form class="layui-form" action="" style="margin-top: 50px">
        <div class="layui-form-item" style="font-size: 12px;">
            <div class="layui-row" align="center" style="margin-top: 0">
                <div class="layui-inline">
                    <label class="layui-form-label">需结账公司：</label>
                    <div class="layui-input-inline" style="margin-right: 45px;">
                        <select name="companyName" lay-verify="required" lay-search="" id="xuJieZhangGongSi">
                            <option value="">直接选择或搜索选择</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-row" align="center" style="margin-top: 10px">
                <div class="layui-inline">
                    <label class="layui-form-label">需结账期间：</label>
                    <div class="layui-input-inline" style="margin-right: 45px;">
                        <input style="width: 183px" type="text" id="jieZhangQiJian" name="identity"
                               placeholder="请选择需结账期间" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-row" align="center" style="margin-top: 50px">
                <button type="button" class="layui-btn"
                        style="border:0px;border-radius:15px 0px 0px 15px;width:150px;cursor: pointer;background-color: #36c6d3;color:white;font-size: 12px;height: 24px;line-height: 24px"
                        id="queDingJieZhang">确定
                </button>
                <button type="button" class="layui-btn"
                        style="border:0px;border-radius:0px 15px 15px 0px;width:150px;cursor: pointer;background-color: #36c6d3;color:white;font-size: 12px;height: 24px;line-height: 24px"
                        id="quXiaoJieZhang">取消
                </button>
            </div>
        </div>
    </form>
</div>
<div class="layui-row" id="fanJieZhangDiv" style="display: none">
    <form class="layui-form" action="" style="margin-top: 50px">
        <div class="layui-form-item" style="font-size: 12px;">
            <div class="layui-row" align="center" style="margin-top: 0">
                <div class="layui-inline">
                    <label class="layui-form-label">需反结账公司：</label>
                    <div class="layui-input-inline" style="margin-right: 45px;">
                        <select name="companyName" lay-verify="required" lay-search="" id="fanXuJieZhangGongSi">
                            <option value="">直接选择或搜索选择</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-row" align="center" style="margin-top: 10px">
                <div class="layui-inline">
                    <label class="layui-form-label">需反结账期间：</label>
                    <div class="layui-input-inline" style="margin-right: 45px;">
                        <input style="width: 183px" type="text" id="fanJieZhangQiJian" name="identity"
                               placeholder="请选择需结账期间" autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-row" align="center" style="margin-top: 50px">
                <button type="button" class="layui-btn"
                        style="border:0px;border-radius:10px 0px 0px 10px;width:150px;cursor: pointer;background-color: #36c6d3;color:white;font-size: 12px;height: 24px;line-height: 24px"
                        id="queDingFanJieZhang">确定
                </button>
                <button type="button" class="layui-btn"
                        style="border:0px;border-radius:0px 10px 10px 0px;width:150px;cursor: pointer;background-color: #36c6d3;color:white;font-size: 12px;height: 24px;line-height: 24px"
                        id="quXiaoFanJieZhang">取消
                </button>
            </div>
        </div>
    </form>
</div>
</body>
<script>
    //点击图片放大
    function linkimg(src) {
        var layer = layui.layer;
        layer.open({
            type: 1,
            title: "图片预览",
            closeBtn: 0,
            area: ['990px', '550px'],
            offset: ['50px', '200px'],
            skin: 'layui-layer-nobg', //没有背景色
            shadeClose: true,
            content: '<img class="Img" style="width: 100%;height: 100%;" src="' + src + '" />'
        });
    }

    //获取该公司员工
    layui.use(['table', 'jquery', 'layer', 'upload', 'form', 'laydate'], function () {
        var table = layui.table;
        var $ = layui.jquery;
        var layer = layui.layer;
        var upload = layui.upload;
        var form = layui.form;
        var laydate = layui.laydate;

        //校验字符包含的方法
        function isStrInArray(str, arr) {
            let n = arr.length;
            for (let i = 0; i < n; i++) {
                if (arr[i] === str) {
                    return true;
                }
            }
            return false;
        }

        //所属期
        laydate.render({
            elem: '#suoShuQi',
            format: 'yyyy-MM',
            type: 'month',
        });

        // laydate.render({
        //     elem: '#suoShuYueFen',
        //     format: 'yyyy-MM',
        //     type: 'date',
        // });

        laydate.render({
            elem: '#jieZhangQiJian',
            format: 'yyyy-MM',
            type: 'month',
        });
        laydate.render({
            elem: '#fanJieZhangQiJian',
            format: 'yyyy-MM',
            type: 'month',
        });
        //开票开始时间
        laydate.render({
            elem: '#kaiPiaoKaiShiDate',
            format: 'yyyy-MM-dd',
            type: 'date',
        });
        //开票结束时间
        laydate.render({
            elem: '#kaiPiaoJieShuDate',
            format: 'yyyy-MM-dd',
            type: 'date',
        });

        //查询销购货方的公司列表
        $.ajax({
            url: '/jiaojie/queryXiaoGouHuoFangList',
            type: 'post',
            dataType: 'json',
            success: function (data) {
                if (data.code === 200) {
                    $("#xiaoHuoFang").html("");
                    $("#gouHuoFang").html("");
                    // $("#piaoZhong").html("");
                    $('#xiaoHuoFang').append('<option value="">搜索或选择</option>');
                    $('#gouHuoFang').append('<option value="">搜索或选择</option>');
                    // $('#piaoZhong').append('<option value="">搜索或选择</option>');
                    data.XiaoHuoFangList.forEach(function (res) {
                        $("#xiaoHuoFang").append(" <option value='" + res.xiaoHuoFangName + "'>" + res.xiaoHuoFangName + "</option>");
                    });
                    data.GouHuoFangList.forEach(function (res) {
                        $("#gouHuoFang").append(" <option value='" + res.gouHuoFangName + "'>" + res.gouHuoFangName + "</option>");
                    });
                }
                form.render();
            },
        });

        //项目列表
        table.render({
            elem: '#piaoJuJiaoJie_table'
            , url: '/jiaojie/piaoJuList'//数据接口
            , page: true //开启分页
            , where: {"xianShiZhuangTai": 1}
            , cols: [[ //表头
                {title: '序号', templet: '#xuhao', type: 'numbers'}
                , {field: 'daiLiShangCompanyName', title: '所属公司', width: '240', align: 'left'}
                , {field: 'piaoZhongName', title: '票种', width: '160', align: 'left'}
                , {
                    field: 'jiaShuiHeJiJinE', title: '总金额', width: '110', align: 'left', templet: function (res) {
                        if (res.zongJinE != undefined || res.zongJinE != null) {
                            return res.zongJinE
                        } else if (res.ticketRatesHC != undefined || res.ticketRatesHC != null) {
                            return res.ticketRatesHC
                        } else {
                            return res.jiaShuiHeJiJinE
                        }
                    }
                }
                , {
                    field: 'buHanShuiJinE', title: '不含税金额', width: '100', align: 'left', templet: function (res) {
                        if (res.buHanShuiJinE == undefined || res.buHanShuiJinE == null) {
                            return "暂无"
                        } else {
                            return res.buHanShuiJinE
                        }
                    }
                }
                , {
                    field: 'shuiE', title: '税额', width: '100', align: 'left', templet: function (res) {
                        if (res.shuiE == undefined || res.shuiE == null) {
                            return "暂无"
                        } else {
                            return res.shuiE
                        }
                    }
                }
                , {field: 'InvoiceNum', title: '票号', width: '100', align: 'left'}
                , {field: 'suoShuQi', title: '所属月份', width: '100', align: 'left'}
                , {
                    field: 'xiaoHuoFangName', title: '销货方', width: '240', align: 'left', templet: function (res) {
                        if (res.xiaoHuoFangName == undefined || res.xiaoHuoFangName == null) {
                            return "暂无"
                        } else {
                            return res.xiaoHuoFangName
                        }
                    }
                }
                , {
                    field: 'gouHuoFangName', title: '购货方', width: '240', align: 'left', templet: function (res) {
                        if (res.gouHuoFangName == undefined || res.gouHuoFangName == null) {
                            return "暂无"
                        } else {
                            return res.gouHuoFangName
                        }
                    }
                }
                , {
                    field: 'zhangShu', title: '定额张数', width: '100', align: 'left', templet: function (res) {
                        if (res.zhangShu == undefined || res.zhangShu == null) {
                            return "暂无"
                        } else {
                            return res.zhangShu
                        }
                    }
                }
                , {field: 'yongTu', title: '票据用途', width: '100', align: 'left'}
                , {field: 'luZhangBiaoShi', title: '录账状态', hide: true, width: '100', align: 'left'}
                , {
                    field: 'InvoiceDate', title: '开票时间', width: '100', align: 'left', templet: function (res) {
                        if (res.piaoZhongId == 8) {
                            return res.DateChuZuChe
                        } else if (res.InvoiceDate == null || res.InvoiceDate == undefined) {
                            return "暂无"
                        } else {
                            return res.InvoiceDate.split(" ")[0]
                        }
                    }
                }
                , {
                    field: 'createTime',
                    title: '提交时间',
                    width: '140',
                    align: 'left',
                    templet: '<div>{{ layui.util.toDateString(d.createTime, "yyyy-MM-dd HH:mm") }}</div>'
                }
                , {field: 'addUserName', title: '提交人', width: '100', align: 'left'}
                , {fixed: 'right', align: 'center', title: '操作', width: 100, toolbar: '#jiaoJiebar'}
            ]]
        });
//行监听
        table.on("tool(piaoJuJiaoJie_table)", function (obj) {
            console.log(obj.data)
            let asid = 0;
            let app_as_id = "";
            let zuoZhangShenBaoId = 0;
            let faPiaoId = obj.data.faPiaoId;//发票id
            let daiLiShangCompanyName = obj.data.daiLiShangCompanyName;//代理商公司名称
            let gongSiZhuTi = obj.data.gongSiZhuTi;//公司主体
            let hanShuiJinE = obj.data.jiaShuiHeJiJinE;
            let buHanShuiJinE = obj.data.buHanShuiJinE;
            let shuiE = obj.data.shuiE;
            let vid = obj.data.v_id;
            let vg = obj.data.vg;
            let v_num = obj.data.v_num;
            let period = obj.data.period;
            let filePiaoJuJiaoJieId = obj.data.filePiaoJuJiaoJieId;
            let daiLiShangCid = obj.data.daiLiShangCid;//代理商cid
            let fuKuanFangShi = obj.data.fuKuanFangShi;//付款方式
            let pingZhengLuRuDate = obj.data.pingZhengLuRuDate;//凭证录入时间
            let shouZhiLeiXing = obj.data.shouZhiLeiXing;//收支类型
            let shouZhiMingCheng = obj.data.shouZhiMingCheng;//收支名称id
            let suoShuQi = obj.data.suoShuQi;//所属期间
            let addUserName = obj.data.addUserName;//提交人名称
            let addUserId = obj.data.addUserId;//提交人名称
            let yongTu = obj.data.yongTu;//用途
            let piaoZhongId = obj.data.piaoZhongId;//发票类型
            let piaoZhongName = obj.data.piaoZhongName;
            let ticketRatesHC = obj.data.ticketRatesHC;
            let luZhangBiaoShi = obj.data.luZhangBiaoShi;//录账标识
            let zhuanPiaoRenZhengZhuangTai = obj.data.zhuanPiaoRenZhengZhuangTai;//专票认证类型
            if (obj.event === "detail") {
                if (gongSiZhuTi === 1) {
                    gongSiZhuTi = "小规模";
                } else if (gongSiZhuTi === 2) {
                    gongSiZhuTi = "一般纳税人";
                } else {
                    gongSiZhuTi = "个体工商户";
                }
                layer.open({
                    type: 1,
                    offset: '10px',
                    shadeClose: true,
                    title: daiLiShangCompanyName + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司主体：' + gongSiZhuTi,
                    //title:'详情',
                    area: ['1110px', '700px'], //宽高
                    content: $('#seePiaoJuJiaoJie_div'),
                    end: function () {
                        $("#seePiaoJuJiaoJie_form")[0].reset();
                        $('#seePiaoJuJiaoJie_div').css("display", "none");
                    }
                });

                $.ajax({
                    url: '/jiaojie/faPiaoMap',
                    type: 'get',
                    data: {"faPiaoId": faPiaoId},
                    dataType: 'json',
                    success: function (data) {
                        console.log("---->" + data);

                        if (data.data.InvoiceType.indexOf("增值税") >= 0) {
                            let piaoZhong;
                            if (data.data.InvoiceTypeOrg == undefined || data.data.InvoiceTypeOrg == null || data.data.InvoiceTypeOrg == "") {
                                piaoZhong = data.data.InvoiceType;
                            } else {
                                piaoZhong = data.data.InvoiceTypeOrg;
                            }
                            $("#piaoJList").html("");
                            $("#piaoJList").append("" +
                                "<img onclick='linkimg(this.src)' style=\"margin-top: 30px;width:60%;margin-left: 20%;border: 1px #d2d2d2 solid;\" src=\"" + data.data.filePath + "\" alt=\"\">\n" +
                                "        <div id=\"form_div\" style=\"padding: 15px;background: #80808014;width: 765px;margin-bottom: 65px;margin-top: 10px;margin-left: 150px\">\n" +
                                "            <div class=\"layui-row\">\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">票种：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input readonly type=\"text\" id='piaoZhong' class=\"layui-input\" value=\"" + piaoZhong + "\">\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">购货方：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input readonly type=\"text\" id='gouHuoFangName' class=\"layui-input\" value='" + data.data.gouHuoFangName + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "                <div class=\"layui-inline\" style='display: none'>\n" +
                                "                    <lable class=\"layui-form-label\">：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input readonly type=\"text\" id='piaoJuId' class=\"layui-input\" value='" + data.data.piaoJuId + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +
                                "            <div class=\"layui-row\">\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">销货方：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input readonly type=\"text\" id='xiaoHuoFangName' class=\"layui-input\" value=\"" + data.data.xiaoHuoFangName + "\">\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">价税合计金额：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input readonly type=\"text\"  id='heji'  class=\"layui-input\" value='" + data.data.heji + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +
                                "            <div class=\"layui-row\">\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">不含税金额：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input readonly type=\"text\" id='huoWuZongJi'  class=\"layui-input\" value=\"" + (data.data.huoWuZongJi == undefined ? "无" : data.data.huoWuZongJi) + "\">\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">税额：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input type=\"text\" readonly id='shuiJinZongJi'  class=\"layui-input\" value='" + (data.data.shuiJinZongJi == undefined ? "无" : data.data.shuiJinZongJi) + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +
                                "            <div class=\"layui-row\">\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">开票日期：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input  readonly type=\"text\"  id='kaiPiaoDate'  class=\"layui-input\" value=\"" + ((data.data.kaiPiaoDate) == undefined ? '无' : (data.data.kaiPiaoDate).split(" ")[0]) + "\">\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "\n" +
                                "                <div class=\"layui-inline\">\n" +
                                // "                    <lable class=\"layui-form-label\">收支类型：</lable>\n" +
                                // "                    <div class=\"layui-input-block\">\n" +
                                // "                        <select disabled name=\"banshiren\" id=\"shouZhiLeiXing\"  lay-verify=\"piaoJuType\" style=\"background-color: white;width: 200px;height: 40px;\">\n" +
                                // "                            <option value=\"0\">请选择</option>\n" +
                                // "                            <option value=\"1\">费用</option>\n" +
                                // "                            <option value=\"2\">收入</option>\n" +
                                // "                            <option value=\"3\">成本</option>\n" +
                                // "                        </select>\n" +
                                // "                    </div>\n" +
                                "                    <lable class=\"layui-form-label\">所属月份：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input disabled type=\"text\" id='suoShuYueFen' class=\"layui-input\" value='" + obj.data.suoShuQi + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +
                                // "            <div class=\"layui-row\">\n" +
                                // "                <div class=\"layui-inline\">\n" +
                                // "                    <lable class=\"layui-form-label\">费用名称：</lable>\n" +
                                // "                    <div class=\"layui-input-block\">\n" +
                                // "                        <input  readonly type=\"text\"  id='feiYongMingCheng'  class=\"layui-input\" value=\""+(data.data.shouZhiMingChengName)+"\">\n" +
                                // "                    </div>\n" +
                                // "                </div>\n" +
                                // "\n" +
                                // "                <div class=\"layui-inline\" \">\n" +
                                // "                    <lable class=\"layui-form-label\">付款方式：</lable>\n" +
                                // "                    <div class=\"layui-input-block\">\n" +
                                // "                        <select disabled name=\"banshiren\" id=\"fuKuanFangShi\"  lay-verify=\"piaoJuType\" style=\"background-color: white;width: 200px;height: 40px;\">\n" +
                                // "                            <option value=\"\">请选择</option>\n" +
                                // "                            <option value=\"41\">银行存款</option>\n" +
                                // "                            <option value=\"42\">货币资金</option>\n" +
                                // "                        </select>\n" +
                                // "                    </div>\n" +
                                // "                </div>\n" +
                                // "            </div>\n" +
                                "            <div class=\"layui-row\">\n" +
                                // "                <div class=\"layui-inline\">\n" +
                                // "                    <lable class=\"layui-form-label\">凭证录入时间：</lable>\n" +
                                // "                    <div class=\"layui-input-block\">\n" +
                                // "                        <select disabled name=\"banshiren\" id=\"pingZhengLuRuShiJian\"  lay-verify=\"piaoJuType\" style=\"background-color: white;width: 200px;height: 40px;\">\n" +
                                // "                                <option value=''>请选择凭证录入时间</option>\n" +
                                // "                                <option value='1'>发票时间</option>\n" +
                                // "                                <option value='2'>审核时间</option>\n" +
                                // "                                <option value='3'>月初</option>\n" +
                                // "                                <option value='4'>月中</option>\n" +
                                // "                                <option value='5'>月末</option>\n" +
                                // "                        </select>\n" +
                                // "                    </div>\n" +
                                // "                </div>\n" +
                                // "                <div class=\"layui-inline\">\n" +
                                // "                    <lable class=\"layui-form-label\">收支类型：</lable>\n" +
                                // "                    <div class=\"layui-input-block\">\n" +
                                // "                        <select disabled name=\"banshiren\" id=\"shouZhiLeiXing\"  lay-verify=\"piaoJuType\" style=\"background-color: white;width: 200px;height: 40px;\">\n" +
                                // "                            <option value=\"0\">请选择</option>\n" +
                                // "                            <option value=\"1\">费用</option>\n" +
                                // "                            <option value=\"2\">收入</option>\n" +
                                // "                            <option value=\"3\">成本</option>\n" +
                                // "                        </select>\n" +
                                // "                    </div>\n" +
                                // "                    </div>\n" +
                                "                <div class=\"layui-inline\" style=\"\">\n" +
                                "                    <lable class=\"layui-form-label\">摘要：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input readonly type=\"text\" id='yongTu' class=\"layui-input\" value='" + data.data.yongTu + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +

                                "            </div>\n" +
                                // "            <div class=\"layui-row\">\n" +
                                // "                <div class=\"layui-inline\">\n" +
                                // "                <div class=\"layui-inline faPiaoList_zhuanPiaoRenZheng\">\n" +
                                // "                    <label class=\"layui-form-label faPiaoList_zhuanPiaoRenZheng_lable\">专票认证：</label>\n" +
                                // "                    <div class=\"layui-input-block\">\n" +
                                // "<select id=\"zhuanPiaoRenZheng\" lay-search=\"\">\n" +
                                // "<option value=" + data.data.zhuanPiaoRenZhengZhuangTai + ">" + data.data.zhuanPiaoRenZhengName + "</option>\n" +
                                // "                            </select>" +
                                // "                    </div>\n" +
                                // "                </div>\n" +
                                // "                </div>\n" +
                                // "            </div>\n" +
                                "        </div>");

                            let fuKuanFangShi = data.data.fuKuanFangShi;
                            let pingZhengLuRuShiJian = data.data.pingZhengLuRuDate;
                            let shouZhiLeiXing = data.data.shouZhiLeiXing;
                            let feiYongMingCheng = data.data.shouZhiMingCheng;
                            //回显收支类型
                            let shouZhiLeiXingId = $("#shouZhiLeiXing").find("option");
                            for (let i = 0; i < shouZhiLeiXingId.length; i++) {
                                if ((shouZhiLeiXingId[i].value) == shouZhiLeiXing) {
                                    $(shouZhiLeiXingId[i]).attr("selected", "selected");
                                }
                            }
                            form.render();
                        } else if (data.data.InvoiceType.indexOf("定额") >= 0) {
                            let piaoZhong;
                            if (data.data.InvoiceTypeOrg == undefined || data.data.InvoiceTypeOrg == null || data.data.InvoiceTypeOrg == "") {
                                piaoZhong = data.data.InvoiceType;
                            } else {
                                piaoZhong = data.data.InvoiceTypeOrg;
                            }
                            $("#piaoJList").html("");
                            $("#piaoJList").append("" +
                                "<img style=\"margin-top: 30px;width:60%;margin-left: 20%;border: 1px #d2d2d2 solid;\" src=\"" + data.data.filePath + "\" alt=\"\">\n" +
                                "        <div id=\"form_div\" style=\"padding: 15px;background: #80808014;width: 765px;margin-bottom: 55px;margin-top: 10px;margin-left: 150px\">\n" +
                                "        <p style='margin-left: 71px;margin-bottom: 11px;'>所属公司: <span id='suoShuCompanys' style='    margin-left: 25px;'>加载中...</span> </p>" +
                                "<div class=\"layui-row\">\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">票种：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input readonly type=\"text\" id='piaoZhong' class=\"layui-input\" value=\"" + piaoZhong + "\">\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">合计金额：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input readonly type=\"text\"  id='heji'  class=\"layui-input\" value='" + data.data.heji + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +
                                "            <div class=\"layui-row\">\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">收支类型：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <select disabled name=\"banshiren\" id=\"shouZhiLeiXing3\"  lay-verify=\"piaoJuType\" style=\"background-color: white;width: 200px;height: 40px;\">\n" +
                                "                            <option value=\"0\">请选择</option>\n" +
                                "                            <option value=\"1\">费用</option>\n" +
                                "                            <option value=\"2\">收入</option>\n" +
                                "                            <option value=\"3\">成本</option>\n" +
                                "                        </select>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "                <div class=\"layui-inline\" style='margin-left: 47px;'>\n" +
                                "                    <lable class=\"layui-form-label\">费用名称：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input  readonly type=\"text\"  id='feiYongMingCheng'  class=\"layui-input\" value=\"" + (data.data.shouZhiMingChengName) + "\">\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +
                                "            <div class=\"layui-row\">\n" +
                                // "                <div class=\"layui-inline\" \">\n" +
                                // "                    <lable class=\"layui-form-label\">付款方式：</lable>\n" +
                                // "                    <div class=\"layui-input-block\">\n" +
                                // "                        <select disabled name=\"banshiren\" id=\"fuKuanFangShi\"  lay-verify=\"piaoJuType\" style=\"background-color: white;width: 200px;height: 40px;\">\n" +
                                // "                            <option value=\"\">请选择</option>\n" +
                                // "                            <option value=\"1\">银行存款</option>\n" +
                                // "                            <option value=\"2\">货币资金</option>\n" +
                                // "                        </select>\n" +
                                // "                    </div>\n" +
                                // "                </div>\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">用途：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input readonly type=\"text\" id='yongTu' class=\"layui-input\" value='" + data.data.yongTu + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +
                                "            <div class=\"layui-row\">\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">凭证录入时间：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <select disabled name=\"banshiren\" id=\"pingZhengLuRuShiJian\"  lay-verify=\"piaoJuType\" style=\"background-color: white;width: 200px;height: 40px;\">\n" +
                                "                                <option value=''>请选择凭证录入时间</option>\n" +
                                "                                <option value='1'>发票时间</option>\n" +
                                "                                <option value='2'>审核时间</option>\n" +
                                "                                <option value='3'>月初</option>\n" +
                                "                                <option value='4'>月中</option>\n" +
                                "                                <option value='5'>月末</option>\n" +
                                "                        </select>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "\n" +
                                "            </div>\n" +
                                "        </div>");

                            //回显票据所属的公司
                            $("#suoShuCompanys").html(daiLiShangCompanyName);

                            let fuKuanFangShi = data.data.fuKuanFangShi;
                            let pingZhengLuRuShiJian = data.data.pingZhengLuRuDate;
                            let shouZhiLeiXing = data.data.shouZhiLeiXing;
                            let feiYongMingCheng = data.data.shouZhiMingCheng;
                            //回显收支类型
                            let shouZhiLeiXingId = $("#shouZhiLeiXing3").find("option");
                            for (let i = 0; i < shouZhiLeiXingId.length; i++) {
                                if ((shouZhiLeiXingId[i].value) == shouZhiLeiXing) {
                                    $(shouZhiLeiXingId[i]).attr("selected", "selected");
                                }
                            }
                            //回显费用名称
                            let feiYongMingChengId = $("#feiYongMingCheng").find("option");
                            for (let i = 0; i < feiYongMingChengId.length; i++) {
                                if ((feiYongMingChengId[i].value) == feiYongMingCheng) {
                                    $(feiYongMingChengId[i]).attr("selected", "selected");
                                }
                            }
                            //回显付款方式
                            let fuKuanFangShiId = $("#fuKuanFangShi").find("option");
                            for (let i = 0; i < fuKuanFangShiId.length; i++) {
                                if ((fuKuanFangShiId[i].value) == fuKuanFangShi) {
                                    $(fuKuanFangShiId[i]).attr("selected", "selected");
                                }
                            }

                            //回显凭证录入时间
                            let pingZhengLuRuShiJianId = $("#pingZhengLuRuShiJian").find("option");
                            for (let i = 0; i < pingZhengLuRuShiJianId.length; i++) {
                                if ((pingZhengLuRuShiJianId[i].value) == pingZhengLuRuShiJian) {
                                    $(pingZhengLuRuShiJianId[i]).attr("selected", "selected");
                                }
                            }
                            form.render();
                        } else if (data.data.InvoiceType.indexOf("火车票") >= 0) {
                            let piaoZhong;
                            if (data.data.InvoiceTypeOrg == undefined || data.data.InvoiceTypeOrg == null || data.data.InvoiceTypeOrg == "") {
                                piaoZhong = data.data.InvoiceType;
                            } else {
                                piaoZhong = data.data.InvoiceTypeOrg;
                            }
                            $("#piaoJList").html("");
                            $("#piaoJList").append("<div>" +
                                "            <div class=\"layui-row\" style='margin-top: 20px'>\n" +
                                "            <div class=\"layui-col-md12\">\n" +
                                "            <div class=\"layui-col-md6\">\n" +
                                "<img onclick='linkimg(this.src)' style=\"height:380px;width:600px;border: 1px #d2d2d2 solid;\" src=\"" + data.data.filePath + "\" alt=\"\">\n" +
                                "                </div>\n" +
                                "            <div class=\"layui-col-md6\">\n" +
                                "            <div class=\"layui-row\"  style='padding-right: 5px;margin-top: 15px;margin-right: 10px'>\n" +
                                "        <div id=\"form_div\" style=\"width: 280px;margin-bottom: 15px;margin-top: 10px;\">\n" +
                                "            <div class=\"layui-row\">\n" +
                                "                <div class=\"layui-inline\"  style='line-height: 17px;'>\n" +
                                "                    <label class=\"layui-form-label\">票种：</label>\n" +
                                "                    <div class=\"layui-input-block\" style='width: 190px;'>\n" +
                                "<select name=\"piaoJuType_input\" id=\"piaoJuType_input\"  lay-verify=\"piaoJuType\">\n" +
                                "                                    <option value=\"\">请选择</option>\n" +
                                "                                    <option value=\"1\">增值税普通发票</option>\n" +
                                "                                    <option value=\"2\">增值税专用发票</option>\n" +
                                "                                    <option value=\"3\">增值税电子普通发票</option>\n" +
                                "                                    <option value=\"4\">增值税代开专用发票</option>\n" +
                                "                                    <option value=\"5\">增值税电子专用发票</option>\n" +
                                "                                    <option value=\"6\">机动车销售统一发票</option>\n" +
                                "                                    <option value=\"7\">定额发票</option>\n" +
                                "                                    <option value=\"8\">出租车票</option>\n" +
                                "                                    <option value=\"9\">火车票</option>\n" +
                                "                                    <option value=\"10\">飞机票</option>\n" +
                                "                                    <option value=\"11\">汽车票</option>\n" +
                                "                                    <option value=\"12\">通行费发票</option>\n" +
                                "                                    <option value=\"13\">其他通用发票</option>\n" +
                                "                                </select>" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +

                                "                <div class=\"layui-inline\" style='display: none'>\n" +
                                "                    <lable class=\"layui-form-label\">：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input  type=\"text\" style='width: 190px;' id='piaoJuId' class=\"layui-input\" value='" + data.data.piaoJuId + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +

                                "            <div class=\"layui-row\" style='margin-bottom: 15px;'>\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">合计金额：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input  type=\"text\" style='width: 190px;'  id='heji'  class=\"layui-input\" value='" + data.data.ticketRatesHC + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +

                                "            <div class=\"layui-row\" style='margin-bottom: 15px;'>\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">开票日期：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input   type=\"text\" style='width: 190px;'  id='kaiPiaoDate'  class=\"layui-input\" value=\"" + ((data.data.kaiPiaoDate) == undefined ? '无' : (data.data.kaiPiaoDate).split(" ")[0]) + "\">\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +


                                // "            <div class=\"layui-row\" style='margin-bottom: 15px;'>\n" +
                                // "                <div class=\"layui-inline\">\n" +
                                // "                    <lable class=\"layui-form-label\">收支类型：</lable>\n" +
                                // "                    <div class=\"layui-input-block\" style='width: 190px;'>\n" +
                                // "                        <select  name=\"banshiren\" lay-filter='shouZhiLeiXing2' id=\"shouZhiLeiXing2\"  lay-verify=\"shouZhiLeiXing2\" style=\"background-color: white;width: 200px;height: 40px;\">\n" +
                                // "                            <option value=\"0\">请选择</option>\n" +
                                // "                            <option value=\"1\">费用</option>\n" +
                                // "                            <option value=\"2\">收入</option>\n" +
                                // "                            <option value=\"3\">成本</option>\n" +
                                // "                        </select>\n" +
                                // "                    </div>\n" +
                                // "                </div>\n" +
                                // "            </div>\n" +


                                "            <div class='layui-row'>\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">所属月份：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input  type=\"text\" style='width: 190px;' id='suoShuYueFen' class=\"layui-input\" value='" + obj.data.suoShuQi + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "                </div>\n" +
                                "                </div>\n" +
                                "                </div>\n" +
                                "                </div>\n" +
                                "                </div>\n" +
                                "        </div>");

                            //回显票据所属的公司
                            $("#suoShuCompanys").html(daiLiShangCompanyName);

                            let fuKuanFangShi = data.data.fuKuanFangShi;
                            let pingZhengLuRuShiJian = data.data.pingZhengLuRuDate;
                            let shouZhiLeiXing = data.data.shouZhiLeiXing;
                            let feiYongMingCheng = data.data.shouZhiMingCheng;
                            //回显收支类型
                            let shouZhiLeiXingId = $("#shouZhiLeiXing3").find("option");
                            for (let i = 0; i < shouZhiLeiXingId.length; i++) {
                                if ((shouZhiLeiXingId[i].value) == shouZhiLeiXing) {
                                    $(shouZhiLeiXingId[i]).attr("selected", "selected");
                                }
                            }
                            //回显费用名称
                            let feiYongMingChengId = $("#feiYongMingCheng").find("option");
                            for (let i = 0; i < feiYongMingChengId.length; i++) {
                                if ((feiYongMingChengId[i].value) == feiYongMingCheng) {
                                    $(feiYongMingChengId[i]).attr("selected", "selected");
                                }
                            }
                            //回显付款方式
                            let fuKuanFangShiId = $("#fuKuanFangShi").find("option");
                            for (let i = 0; i < fuKuanFangShiId.length; i++) {
                                if ((fuKuanFangShiId[i].value) == fuKuanFangShi) {
                                    $(fuKuanFangShiId[i]).attr("selected", "selected");
                                }
                            }

                            //回显票种
                            let piaoJuType_input = $("#piaoJuType_input").find("option");
                            for (let i = 0; i < piaoJuType_input.length; i++) {
                                if ((piaoJuType_input[i].text).indexOf(piaoZhongName) >= 0) {
                                    $(piaoJuType_input[i]).attr("selected", "selected");
                                }
                            }

                            //回显凭证录入时间
                            let pingZhengLuRuShiJianId = $("#pingZhengLuRuShiJian").find("option");
                            for (let i = 0; i < pingZhengLuRuShiJianId.length; i++) {
                                if ((pingZhengLuRuShiJianId[i].value) == pingZhengLuRuShiJian) {
                                    $(pingZhengLuRuShiJianId[i]).attr("selected", "selected");
                                }
                            }
                            form.render();
                        } else if (data.data.InvoiceType.indexOf("出租车票") >= 0) {
                            let piaoZhong;
                            if (data.data.InvoiceTypeOrg == undefined || data.data.InvoiceTypeOrg == null || data.data.InvoiceTypeOrg == "") {
                                piaoZhong = data.data.InvoiceType;
                            } else {
                                piaoZhong = data.data.InvoiceTypeOrg;
                            }
                            $("#piaoJList").html("");
                            $("#piaoJList").append("<div>" +
                                "            <div class=\"layui-row\" style='margin-top: 20px'>\n" +
                                "            <div class=\"layui-col-md12\" >\n" +
                                "            <div class=\"layui-col-md7\" align='center'>\n" +
                                "<img onclick='linkimg(this.src)' style=\"text-align:center;height:450px;border: 1px #d2d2d2 solid;\" src=\"" + data.data.filePath + "\" alt=\"\">\n" +
                                "                </div>\n" +
                                "            <div class=\"layui-col-md4\"  style='padding-right: 5px;margin-top: 70px;float: right;margin-right: 80px'>\n" +
                                "        <div id=\"form_div\" style=\"width: 380px;margin-bottom: 55px;margin-top: 10px;\">\n" +

                                "            <div class=\"layui-row\" style='margin-bottom: 15px;'>\n" +
                                "                <div class=\"layui-inline\" >\n" +
                                "                    <lable class=\"layui-form-label\">所属公司：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input disabled type=\"text\" id='gouHuoFangName' class=\"layui-input\" value='" + data.data.daiLiShangCompanyName + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "                <div class=\"layui-inline\" style='display: none'>\n" +
                                "                    <lable class=\"layui-form-label\">：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input  type=\"text\" id='piaoJuId' class=\"layui-input\" value='" + data.data.piaoJuId + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +

                                "            <div class=\"layui-row\" style='margin-bottom: 15px;'>\n" +
                                "                <div class=\"layui-inline\"  style='line-height: 17px;'>\n" +
                                "                    <label class=\"layui-form-label\">票种：</label>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "<select disabled name=\"piaoJuType_input\" id=\"piaoJuType_input\"  lay-verify=\"piaoJuType\">\n" +
                                "                                    <option value=\"\">请选择</option>\n" +
                                "                                    <option value=\"1\">增值税普通发票</option>\n" +
                                "                                    <option value=\"2\">增值税专用发票</option>\n" +
                                "                                    <option value=\"3\">增值税电子普通发票</option>\n" +
                                "                                    <option value=\"4\">增值税代开专用发票</option>\n" +
                                "                                    <option value=\"5\">增值税电子专用发票</option>\n" +
                                "                                    <option value=\"6\">机动车销售统一发票</option>\n" +
                                "                                    <option value=\"7\">定额发票</option>\n" +
                                "                                    <option value=\"8\">出租车票</option>\n" +
                                "                                    <option value=\"9\">火车票</option>\n" +
                                "                                    <option value=\"10\">飞机票</option>\n" +
                                "                                    <option value=\"11\">汽车票</option>\n" +
                                "                                    <option value=\"12\">通行费发票</option>\n" +
                                "                                    <option value=\"13\">其他通用发票</option>\n" +
                                "                                </select>" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +


                                "            <div class=\"layui-row\" style='margin-bottom: 15px;'>\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">金额：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input disabled type=\"text\"  id='heji'  class=\"layui-input\" value='" + data.data.jiaShuiHeJiJinE + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +

                                "            <div class=\"layui-row\" style='margin-bottom: 15px;'>\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">开票日期：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input disabled  type=\"text\"  id='kaiPiaoDate'  class=\"layui-input\" value=\"" + ((data.data.DateChuZuChe) == undefined ? '无' : (data.data.DateChuZuChe).split(" ")[0]) + "\">\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +


                                "            <div class=\"layui-row\" style='margin-bottom: 15px;'>\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">摘要：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input disabled type=\"text\" id='yongTu2' class=\"layui-input\" value='" + data.data.yongTu + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +

                                "            <div class=\"layui-row\" style='margin-bottom: 15px;'>\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">收支类型：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <select disabled name=\"banshiren\" lay-filter='shouZhiLeiXing2' id=\"shouZhiLeiXing2\"  lay-verify=\"shouZhiLeiXing2\" style=\"background-color: white;width: 200px;height: 40px;\">\n" +
                                "                            <option value=\"0\">请选择</option>\n" +
                                "                            <option value=\"1\">费用</option>\n" +
                                "                            <option value=\"2\">收入</option>\n" +
                                "                            <option value=\"3\">成本</option>\n" +
                                "                        </select>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "            </div>\n" +

                                "            <div class='layui-row'>\n" +
                                "                <div class=\"layui-inline\">\n" +
                                "                    <lable class=\"layui-form-label\">所属月份：</lable>\n" +
                                "                    <div class=\"layui-input-block\">\n" +
                                "                        <input disabled type=\"text\" id='suoShuYueFen' class=\"layui-input\" value='" + obj.data.suoShuQi + "'>\n" +
                                "                    </div>\n" +
                                "                </div>\n" +
                                "                </div>\n" +

                                "                </div>\n" +
                                "                </div>\n" +
                                "                </div>\n" +
                                "        </div>");

                            //回显票据所属的公司
                            $("#suoShuCompanys").html(daiLiShangCompanyName);

                            let fuKuanFangShi = data.data.fuKuanFangShi;
                            let pingZhengLuRuShiJian = data.data.pingZhengLuRuDate;
                            let shouZhiLeiXing = data.data.shouZhiLeiXing;
                            let InvoiceType = data.data.InvoiceType;
                            let feiYongMingCheng = data.data.shouZhiMingCheng;
                            //回显费用名称
                            let feiYongMingChengId = $("#feiYongMingCheng").find("option");
                            for (let i = 0; i < feiYongMingChengId.length; i++) {
                                if ((feiYongMingChengId[i].value) == feiYongMingCheng) {
                                    $(feiYongMingChengId[i]).attr("selected", "selected");
                                }
                            }
                            //回显付款方式
                            let fuKuanFangShiId = $("#fuKuanFangShi").find("option");
                            for (let i = 0; i < fuKuanFangShiId.length; i++) {
                                if ((fuKuanFangShiId[i].value) == fuKuanFangShi) {
                                    $(fuKuanFangShiId[i]).attr("selected", "selected");
                                }
                            }

                            //回显票种
                            let piaoJuType_input = $("#piaoJuType_input").find("option");
                            for (let i = 0; i < piaoJuType_input.length; i++) {
                                if ((piaoJuType_input[i].text).indexOf(piaoZhongName) >= 0) {
                                    $(piaoJuType_input[i]).attr("selected", "selected");
                                }
                            }

                            //回显收支类型
                            let shouZhiLeiXingId = $("#shouZhiLeiXing2").find("option");
                            for (let i = 0; i < shouZhiLeiXingId.length; i++) {
                                if ((shouZhiLeiXingId[i].value) == shouZhiLeiXing) {
                                    $(shouZhiLeiXingId[i]).attr("selected", "selected");
                                }
                            }

                            //回显凭证录入时间
                            let pingZhengLuRuShiJianId = $("#pingZhengLuRuShiJian").find("option");
                            for (let i = 0; i < pingZhengLuRuShiJianId.length; i++) {
                                if ((pingZhengLuRuShiJianId[i].value) == pingZhengLuRuShiJian) {
                                    $(pingZhengLuRuShiJianId[i]).attr("selected", "selected");
                                }
                            }
                            form.render();
                        }
                    }
                });
            }

        });

        //搜索
        $('#seek').click(function () {
            layui.use(['table', 'jquery'], function () {
                var table = layui.table;
                var $ = layui.jquery;
                table.reload('piaoJuJiaoJie_table', {
                    url: '/jiaojie/piaoJuList',
                    where: {
                        //设定异步数据接口的额外参数，任意设
                        "piaoZhongId": $("#piaoZhong").val(),
                        "AmountInFiguers": $('#zongJinE').val(),
                        "suoShuQi": $('#suoShuQi').val(),
                        "gouHuoFangName": $("#gouHuoFang").val(),
                        "xiaoHuoFangName": $("#xiaoHuoFang").val(),
                        "xianShiZhuangTai": 1
                    }, page: {
                        curr: 1
                    }
                })
            })
        });
    });

</script>
</html>
